<template>
  <avue-crud :option="option"
             v-model:page="page"
             :data="data">
    <template #header>
      <el-tag>头部卡槽</el-tag>
    </template>
    <template #footer>
      <el-tag>尾部卡槽</el-tag>
    </template>
    <template #page>
      <el-tag>分页卡槽</el-tag>
    </template>
  </avue-crud>
</template>
<script>
export default {
  data () {
    return {
      page: {
        total: 40
      },
      data: [{
        name: '张三',
        age: 18,
      }],
      option: {
        column: [{
          label: '姓名',
          prop: 'name'
        }, {
          label: '年龄',
          prop: 'age'
        }]
      }
    }
  }
}
</script>